﻿@{
    Layout = null;
}
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery File Upload Basic Example</title>
    <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <style>
        .bar {
            height: 18px;
            background: green;
        }

        .file {
            position: relative;
            background: linear-gradient(to right, lightblue 50%, transparent 50%);
            background-size: 200% 100%;
            background-position: right bottom;
            transition: all 1s ease;
        }

            .file.done {
                background: lightgreen;
            }

            .file a {
                display: block;
                position: relative;
                padding: 5px;
                color: black;
            }
    </style>
</head>
<body>
    <div id="divFileupload">
        <input id="fileupload" type="file" name="files" data-url="/PasteSheet/Upload/" multiple>
    </div>
    <table role="presentation" class="table table-sm table-striped">
        <tbody id="tbodyFiles" class="files"></tbody>
    </table>
    <script src="~/lib/jquery/jquery.min.js"></script>
    @*使用jquery.ui也可以，但是体积要大狠多*@
    <script src="~/lib/blueimp-file-upload/js/vendor/jquery.ui.widget.min.js"></script>
    <script src="~/lib/blueimp-file-upload/js/jquery.iframe-transport.min.js"></script>
    <script src="~/lib/blueimp-file-upload/js/jquery.fileupload.min.js"></script>
    <script src="~/js/PasteSheet.js"></script>
</body>
</html>